@media (max-width: @minTabletWidth) {	
	[class*="span"]:after {
		clear: both;
		content: "";
		display: block;
	}
	
	[class*="span"] {
		margin-top: 20px;
	}	
	
	[class*="span"]:first-child {
		margin-top: 0;
	}
	
	.row-fluid .span3 {
		float: left;
		margin-top: 0!important;
		width: 48.618784527%;
		*width: 48.5655930376383%;
	}
	
	.row-fluid .span3:nth-child(2n) {
		margin-left: 6px;
	}
	
	.row-fluid .span3:nth-child(2n+1) {
		margin-right: 6px;
	}
	
	.row-fluid .span2,
	.row-fluid .span4 {
		float: left;
		margin-top: 0!important;
		width: 31.491712705%;
		*width: 31.4385212156383%;	
	}
	
	.row-fluid .span2:nth-child(3n),
	.row-fluid .span4:nth-child(3n) {
		margin-left: 6px;
		margin-right: 0!important;
	}
	
	.row-fluid .span2:nth-child(3n+1),
	.row-fluid .span4:nth-child(3n+1) {
		margin-left: 0!important;
		margin-right: 6px;
	}
	
	.row-fluid .span2:nth-child(3n+2),
	.row-fluid .span4:nth-child(3n+2) {
		margin-left: 3px;
		margin-right: 3px;
	}
	
	.tz-article .article-header {
		font-size: 32px!important;
		line-height: 48px!important;
	}
	
	#tz-header {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	body > footer .nav {
		padding: 14px 0;
		width: 100%;

	}
	
	body > footer .nav li {
		clear: both;
		display: block;
		text-align: left;
		width: 100%;
	}
	
	body > footer .nav {
		border-bottom: 1px solid #e5e5e5;
	}
	
	body > footer .tz-copyrights,
	body > footer .tz-toplink {
		display: block;
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
	}
	/* Search and social in the mobile view */
	#tz-social-icons {
		display: none!important;
	}
	
	body > header > .row {
		text-align: center;
	}
    body{
      padding:0;
    }
	
	body > header #mod-search-searchword {
		float: none;
		margin: 0 auto;
	}
	
	/* Sidebar adjustments */
	#tz-main .container-fluid #sidebar {
		margin: 0!important;
		width: 100%!important;
	}
	
	#tz-main .container-fluid #sidebar .box {
		.box-sizing;
		float: left!important;
		padding: 0 10px!important;
		width: 50%;
	}
	
	/* Demo content */
	.tz-big-header {
		font-size: 56px;
		line-height: 1.4;
		margin-top: 10px;
	}
	
	.tz-small-header {
		font-size: 16px;
	}
	
	.tz-buttons {
		padding: 30px 0;
	}
	
	.tz-blue-button,
	.tz-yellow-button {
		font-size: 18px;
		font-weight: 300;
		height: 32px;
		line-height: 33px;
		margin-left: 16px;
		padding: 0 24px;
	}
	
	.tz-medium-header {
		font-size: 24px;
	}
	
	.container-fluid .row-fluid .tz-demo-content,
	.container-fluid .row-fluid .tz-demo-content.span4 {
		float: none!important;
		margin: 0 auto!important;
		max-width:360px!important;
		width: 100%!important;
	}
	
	#tz-download-btn {
		width: 100px;
	}
  .tz-main-menu{
    padding: 0 20px;
    position: absolute;
    right: 28px;
    top: 85px;
    left:50px;
    z-index: 9999;
  }
  .tz-headline .custom a.bg-1{
    margin-bottom:10px;
  }
  div.TzBlog div.TzBlogInner h3.TzBlogTitle a,
  div.TzItemPage h2.TzArticleTitle a,
  div.TzPortfolioItemPage h2.TzArticleTitle a{
    font-size: 24px !important;
  }
  #tz-component .TzBlog .TzBlogInner,
  div.TzItemPage .TzItemPageInner,
  div.TzPortfolioItemPage .TzItemPageInner,
  div.TzItemPage .TzArticleInfo,
  div.TzPortfolioItemPage .TzArticleInfo{
    padding-right: 0 !important;
  }
  div.tz-inner{
    padding: 30px 20px 27px !important;
  }
  #tz-footer .tz-inner{
    padding: 20px !important;
  }
  #tz-framework-logo{
    margin:auto;
    float:none !important;
    clear: both;
  }
  a, a:active, a:hover{
    text-decoration: none;
  }
  .tz-headline h2{
    line-height: 36px;
  }
  .container-fluid div.row-fluid .span2{
    max-width: 100% !important;
  }
  div#TzContent #tz_options ul li{
    display: inline !important;
  }
  div#tz_options,
  div#portfolio{
    float:none;
    width:100%;
  }
  div#TzContent div.tz_item .TzInner{
    margin-left: 0;
    margin-right: 0;
  }
  div#timeline .TzDate{
    padding-left: 0;
  }
  div.tz-mainmenu-toggle a{
    margin-top: 3px;
  }
  div.contact-form{
    padding: 0 !important;
  }
  .contact-form .control-group .controls input,
  .contact-form .control-group .controls textarea{
    padding: 10px 5% !important;
    width: 90% !important;
  }
  div.form-actions{
    padding-left: 0;
  }

  .always-show .mega > .mega-dropdown-menu,
  .always-show .dropdown-menu {
    display: block !important;
  }

}
